<template>
	<view>
		
		<!-- 我的等级积分 -->
		<view class="my-integral">
			
			<text>
				我的等级积分：
			</text>
			<text class="integral">
				280
			</text>
		</view>
		
		<!-- 等级 -->
		<view class="title flex">
			<view class="flex-sub">
				等级
			</view>
			<view class="flex-sub">
				标志
			</view>
			<view class="flex-twice">
				积分
			</view>
		</view>
		
		<view class="num flex" v-for="(item,index) in 6" :key="index">
			<view class="flex-sub">
				{{index+1}}
			</view>
			<view class="flex-sub">
				V{{index+1}}
			</view>
			<view class="flex-twice">
				{{index+10}}
			</view>
		</view>
		
		
		
		
		


	</view>
</template>

<script>
	export default {
		data() {
			return {
				

			}
		},
		onLoad() {

		},
		methods: {
			
			

		}
	}
</script>

<style lang="scss">
	.my-integral{
		width:750rpx;
		height:180rpx;
		line-height: 180rpx;
		background-color: #f4fff8;
		text-align: center;
		.integral{
			color:#d4237a;
		}
	}
	
	// 等级
	.title{
		width:750rpx;
		height:88rpx;
		line-height: 88rpx;
		text-align: center;
		font-size: 30rpx;
		font-weight: bold;
		border:1rpx solid #B6B6B6;
	}
	
	.num{
		width:750rpx;
		height:88rpx;
		line-height: 88rpx;
		text-align: center;
		font-size: 26rpx;
		color:#333;
		border-bottom:1rpx solid #B6B6B6;
	}
	
	
</style>
